import axios from 'axios'
export default {
  // 设置为局部组件 必须要设置为局部组件 否则Vuex无法识别
  namespaced: true,
  state: () => ({
    //! 储存 电影信息详细数据 设置为null 防止某些 数组 字符串方法报错(需要在template模板设置判断 v-if='movieInfo')
    movieInfo: null
  }),
  mutations: {
    //! 更新电影详情数据
    updateMovie (state, payload) {
      state.movieInfo = payload
    }
  },
  actions: {
    //! 获取电影详情数据
    //! 异步方式 获取服务器电影详细数据
    async movieDetail (context, id) {
      //! 调用接口获取详情数据 携带电影的id值 上传服务器 进行获取电影详细数据
      const ret = await axios.get('http://test.zjie.wang/api/hot/' + id)
      //! 触发mutation更新详情数据
      context.commit('updateMovie', ret.data)
    }
  },
  getters: { }
}
